<!-- 信息上报接受审核  examine-->
<template>
  <div class="box" >
      <el-tabs type="border-card">
          <el-tab-pane label="泊位">
              <bowei></bowei>
          </el-tab-pane>
          <el-tab-pane label="人员">
              <renyuan></renyuan>
          </el-tab-pane>
          <el-tab-pane label="前沿机械">
              <qianyan></qianyan>
          </el-tab-pane>
          <el-tab-pane label="其他机械">
              <jixie></jixie>
          </el-tab-pane>
          <el-tab-pane label="拖轮">
              <tuolun></tuolun>
          </el-tab-pane>
          <el-tab-pane label="杂作业" >
              <zuoye></zuoye>
          </el-tab-pane>
          <el-tab-pane label="内部委托" >
              <neibu></neibu>
          </el-tab-pane>
          <el-tab-pane label="设备维保">
              <shebei></shebei>
          </el-tab-pane>
          <el-tab-pane label="设备维修">
              <weixiu></weixiu>
          </el-tab-pane>
          <el-tab-pane label="外服">
              <waifu></waifu>
          </el-tab-pane>
      </el-tabs>
  </div>
</template>

<script>
import bowei from "./components/berthmine";
import tuolun from "./components/tugboatmine";
import waifu from "./components/outermine";
import zuoye from "./components/workmine";
import neibu from "./components/innermine";
import renyuan from "./components/humanmine";
import shebei from "./components/equipment";
import jixie from "./components/mechanicsmine";
import weixiu from "./components/equiprepair";
import qianyan from "./components/topmechanics"
export default {
  name: "examine",
  components:{
      bowei,
      tuolun,
      waifu,
      zuoye,
      neibu,
      renyuan,
      shebei,
      jixie,
      weixiu,
      qianyan
  },
  data() {
    return {
      company:[]
    };
  },

  created() {
      this.getcomp();
  },

  mounted() {

  },

  methods: {
      getcomp(){
        this.$http.get(`/${this.$ServiceName}/api/external/protected/listthirdcompany`)
          .then(res=>{
            this.company = res.data.data
          })
      }
  }

}
</script>

<style lang="less" scoped>

/deep/ .el-tabs__header{
  margin:0;
}
/deep/ .el-drawer__header {
  margin-bottom: 0;
  padding: 8px 16px;
  border-bottom: 1px solid gainsboro;
}
/deep/ .el-tabs--border-card{
    border:none!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
.box /deep/ .el-tabs__content{
    padding: 0;
}
.pop /deep/ .el-form-item__content{
  margin-left: 20px!important;
}
/deep/.el-drawer__header{
  height: 41px;
  font-size: 16px;
  font-weight: 600;
}
// .box /deep/ .el-form-item__content{
//   width: 150px;
// }
// .box /deep/ .el-date-editor.el-input{
//   width: 100%;
// }
.box .top{
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 0 20px;
  background: #F5F7FA;
  height: 80px;
  border: 1px solid #E1E4EB;
  border-top: none;
}

.box .top2{
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 0 20px;
  background: #F5F7FA;
  height: 40px;
  border: 1px solid #E1E4EB;
  border-top: none;
}
.box /deep/ .el-form--inline .el-form-item{
  margin-right: 0;
  display: inline-block;
}
.top /deep/ .el-select>.el-input{
  width:93%
}
.lanzhuang /deep/ .el-drawer__open .el-drawer.rtl {
  width: 50% !important;
}

.tableX .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
   background-color: #ccc !important;
   border-radius: 30px !important;
}
.form-t {
  margin-bottom: 50px;
  padding: 0 1rem;
}
.form-t /deep/ .el-form-item__content {
  margin-left: 1rem !important;
  width: 60%;
}

/deep/ .el-button--primary {
  background-color: #338ce8;
  border-color: #338ce8;
}
// /deep/ .el-form-item {
//   // display: flex;
//   // margin-bottom: 0!important;
// }
.page {
  background: #ffffff;
  border-radius: 4px 4px 0 0;
  // line-height: 35px;
  padding-right: 1rem;
  height: 51px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.box {
  border: 1px solid #e1e4eb;
  border-top: none !important;
  border-radius: 4px 4px 0 0;
}
.box .selectBox{
  background: #F5F7FA;
}
.box /deep/ .iconfont{
  padding:0
}
.title {
  background: #f5f7fa;
  height: 40px;
  line-height: 40px;
  p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #303133;
    letter-spacing: 0;
    line-height: 16px;
    padding-left: 14px;
    line-height: 40px;
  }
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px; // 横向滚动条
    height: 6px; // 纵向滚动条 必写
  }
  // 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 3px;
  }
/deep/ .el-table .cell {
  white-space: nowrap;
}
/deep/ .el-form-item--mini .el-form-item__label {
  line-height: 0;
}
/deep/ .el-pagination {
  text-align: right;
}
/deep/ .el-table th > .cell {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #606266;
}
/deep/ .el-drawer__header {
  margin-bottom: 0;
  padding: 8px 16px;
  border-bottom: 1px solid gainsboro;
}
/deep/ .el-drawer__body {
  overflow-y: auto;
}
/deep/ .el-table .el-button:focus,
.el-button:hover {
  background-color: #fff;
  color: #338ce8;
  border: 1px solid #e1e4eb;
}
/deep/ .v-modal {
  z-index: 200 !important;
}
/deep/ .el-table .el-button--mini {
  color: #1684f6;
  border-color: transparent;
  background: transparent;
}
/deep/ .el-table th {
  border-left: 1px solid #ebeef5;
}
/deep/ .el-table th:nth-child(1) {
  border-left: none;
}
/deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #f5f7fa;
}
/deep/.el-pagination.is-background .btn-next,
/deep/ .el-pagination.is-background .btn-prev,
/deep/ .el-pagination.is-background .el-pager li {
  background: #ffffff;
  border: 1px solid #e1e4eb;
  border-radius: 3px;
  border-radius: 3px;
}
// /deep/ .el-table {
//   max-height: 400px;
// }
/deep/ .el-drawer__header {
  margin-bottom: 12px;
  padding: 8px 20px 0;
}

.el-button {
  margin-left: 0px !important;
}
/deep/ .el-tabs__item{
    background-color: #F5F7FA;
}
</style>
 